<template lang="pug">
	.hos-info-wrap
		.more-item-wrap
			.top-box
				.title 你可能想找
				.more
					span 更多
					i
			.slot-wrap
				scroll-view.scroll-hos(:scroll-x="true")
					.hos-item(v-for="n in 6" :key="n")
						.img-box
							img(src="../assets/image/common/background_hos_s.png")
						.name 台州市中心医院市医院三级甲…
</template>
<script>
export default {
	data() {
		return {}
	},
	computed: {},
	mounted() {},
	onPullDownRefresh() {},
	onReachBottom() {},
	methods: {},
	components: {}
}
</script>

<style lang="stylus" scoped>
	.hos-info-wrap
		margin-top mainMargin
		.more-item-wrap
			padding mainPadding
			background-color white
			.top-box
				display flex
				justify-content space-between
				align-items center
				.title
					font-size 40px
					line-height 56px
					color blackFontColor
				.more
					color rightArrowColor
					font-size 28px
					line-height 40px
					display flex
					align-items center
					i
						margin-left 6px
						width 16px
						height 24px
						centerBackground("../assets/image/common/arrow_right_grey.png")
			.slot-wrap
				margin-top 20px
				.scroll-hos
					height 260px
					width 100%
					white-space nowrap
					.hos-item
						width 210px
						height 230px
						display inline-block
						margin-left 30px
						.img-box
							width 100%
							height 168px
							border-radius 8px
							overflow hidden
							img
								width 100%
								height 100%
						.name
							color blackFontColor
							margin-top 12px
							font-weight 400
							font-size 26px
							line-height 40px
							white-space normal
						&:first-child
							margin-left 0
</style>
